<html>
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
	<link rel="stylesheet" href="./dist/css/common.css">
	<link rel="stylesheet" href="./dist/css/inc/leftnav.css">
	<script src="../../res/scripts/framework/jquery.min.js"></script>
	<script src="../../res/scripts/framework/bootstrap.min.js"></script>
</head>
<body>
	<div class="leftpanel">
		<ul class="nav nav-pills nav-stacked nav-left">
			<li role="presentation" class="active"><a href="#">有薪假期</a></li>
			<li role="presentation"><a href="#">物品申领</a></li>
			<li role="presentation"><a href="#">会议申请</a></li>
			<li role="presentation">
				<a data-toggle="collapse" data-parent="#accordion"
				   data-target="#collapseOne" class="collapseOne">系统管理<span class="glyphicon glyphicon-plus"></span>
				</a>
				<ul id="collapseOne" class="panel-collapse collapse in">
					<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>权限管理</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>账号管理</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-triangle-right"></span>系统日志</a></li>
				</ul>

			</li>
			<li role="presentation"><a href="#">公司公告</a></li>

		</ul>
	</div>
	<script type="text/javascript">
        //左侧菜单
        $(function () { $('#collapseOne').collapse('toggle')});
        $(".nav-left li").click(function () {
            var $this = $(this);
            $this.addClass("active");
            $this.siblings("li").removeClass("active");
        });
        $("a.collapseOne").click(function () {
            var $collspan=$("a.collapseOne>span");
            $collspan.toggleClass('glyphicon-minus');
            $collspan.toggleClass('glyphicon-plus');
        })

	</script>
</body>
</html>